<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog Inject01-dialog" ng-init="init();"
     style="background-color:#fafafa;">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'Inject01.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="content">
                <div class="kmi-text-fields" style="margin-top: 8px; word-break: break-all;">
                    <label class="label" ng-bind="'Inject01.plot_no' | translate"></label>
                    <label class="value" ng-bind="dialog.plot_no"></label>
                    <label class="label" ng-bind="'Inject01.machine' | translate"></label>
                    <label class="value" ng-bind="dialog.machine_no + '(' + dialog.machine_name + ')'"></label>
                    <label class="label" ng-bind="'Inject01.product' | translate"></label>
                    <label class="value" ng-bind="dialog.product_no + '(' + dialog.product_name + ')'"></label>
                </div>
                <div class="kmi-text-fields" style="margin-top: 12px;">
                    <label class="label" ng-bind="'Inject01.program_no' | translate"></label>
                    <label class="value" ng-bind="dialog.program_no"></label>
                    <label class="label" ng-bind="'Inject01.version_no' | translate"></label>
                    <label class="value" ng-bind="dialog.version_no"></label>
                    <!-- 調整 Flex比例用的標籤 -->
                    <label class="label"></label>
                    <label class="value"></label>
                </div>
            </div>
            <div class="kmi-list column-selector">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'Inject01.list.recipe_phase' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'Inject01.list.recipe_name' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'Inject01.list.recipe_segment_qty' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'Inject01.list.actual_value' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'Inject01.list.lower_limit_value' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'Inject01.list.standard_value' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'Inject01.list.upper_limit_value' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'Inject01.list.param_no' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="item in dialog.recipe_list track by $index">
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.recipe_phase"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.recipe_name"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.recipe_segment_qty"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.actual_value"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.lower_limit_value"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.standard_value"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.upper_limit_value"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.param_no"></div>
                    </div>
                </div>
            </div>
            <div class="btn-panel">
                <div class="kmi-button kmi-button-confrim btn-confirm" style="width: 100px;" ng-click="dialog.forceCheckIn()" 
                ng-show="dialog.check_type == '1'">
                    <label ng-bind="'Inject01.btn.force_checkIn' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
                <div class="kmi-button kmi-button-confrim btn-confirm" style="width: 100px;" ng-click="dialog.cancelCheckIn()">
                    <label ng-bind="'Inject01.btn.cancel_checkIn' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
        </div>
    </div>
</div>
